@charset "utf-8";

.banner{
	width:1000px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.banner a.auto{
	display: block;
	width:10000px;
	height:284px;
	position: relative;
	margin:0 auto;
	overflow: hidden;
}
.banner ul{
	position: absolute;
	bottom:20px;
	left:430px;

}
.banner ul li{
	width: 12px;
	height: 12px;
	background: #000;
	border-radius: 50%;
	float: left;
	margin-left: 20px;
	cursor: pointer;
}
.banner ul li:first-child{
	background: #fff;
	margin-left:0;
}

.banner img{
	float: left;
	width:1000px;
	height:284px;
	
}
.next{
	display: block;
	position: absolute;
	width:76px;
	height:112px;
	background: url(../img/index/next.png) no-repeat center;
	right:20px;
	top:50%;
	margin-top:-56px;
}
.prev{
	display: block;
	position: absolute;
	width:76px;
	height:112px;
	background: url(../img/index/prev.png) no-repeat center;
	left:20px;
	top:50%;
	margin-top:-56px;
}
.contenter{
	width:100%;
	
}
.contenter .one .tittle{
	background: url(../img/index/hot_18.jpg) no-repeat 0 0;
	width:1000px;
	margin:0 auto;
	height:40px;
	margin-bottom: 20px;
	
}
.contenter .tittle h3{
	float: left;
}
.contenter .tittle h3 a{
	display: block;
	color:#fff;
	height:40px;
	font-size: 20px;
	line-height: 40px;
	margin-left:50px;
}
.contenter .tittle ul{
	float: left;
	margin-left:10px;
}
.contenter .tittle ul li{
	float: left;
	margin:0 10px;
}
.contenter .tittle ul li a{
	font-size: 14px;
	color:#808080;
	line-height:40px;
	text-align: center;
}
.contenter .tittle ul li.hot a{
	
	color:#008000;
	font-weight: bold;
}
.contenter .tittle ul li a:hover{
	color:#008000;
}
.contenter .content{
	overflow: hidden;
	width:1000px;
	margin:0 auto;
	
}
.contenter .content ul li{
	float: left;
	margin-right:20px;
	width:318px;
	height:290px;
	border:1px #ccc solid;
	border-radius: 10px;
	margin-bottom: 10px;
	padding-top:10px;
}
.contenter .content ul li:nth-of-type(3n){
	margin-right:0;
}
.contenter .content ul li:hover{
	border-color: #008000;
	-webkit-box-shadow:10px 10px 10px 10px #808080;
	        box-shadow:10px 10px 10px 10px #808080;
}
.contenter .two .content ul li:hover{
	border-color: pink;
}
.contenter .three .content ul li:hover{
	border-color: #c2c;
}
.contenter .content ul li a.pho{
	display: block;
	width:300px;
	height:185px;
	margin-left:9px;
	overflow: hidden;
}
.contenter .content ul li a img{
	display: inline;
	width:300px;
}
.contenter .content ul li p{
	padding-left:9px;
	
}
.contenter .content ul li p a{
	color:#000;
	font-size: 14px;
	
}
.contenter .content ul li p a:hover{
	color:#008000;
	
}
.contenter .content ul li .below{
	width:298px;
	padding-left:9px;
}
.contenter .content ul li .below em{
	font-size: 24px;
	color: #008000;
	line-height: 56px;
	display: block;
	float: left;
}
.contenter .content ul li .below span{
	display: block;
	float: left;
	margin-top:10px;
	font-size: 12px;
	width:90px;
	color:#CCCCCC;
	line-height: 20px;
	margin-left:10px;
	
	
}
.contenter .content ul li .below span b{
	text-decoration: line-through;
}
.contenter .content ul li .below span u{
	color:#008000;
	
}
.contenter .content ul li .below span i{
	display: block;
	font-weight: 700;
	
}
.contenter .content ul li .below a{
	display: block;
	float: right;
	margin-right:10px;
	width:80px;
	height:30px;
	margin-top:12px;
	background: url(../img/index/buy_64.jpg) no-repeat center;
}
.contenter .two .tittle{
	background: url(../img/index/index_45.jpg) no-repeat 0 0;
	width:1000px;
	margin:0 auto;
	height:40px;
	margin-bottom: 20px;
	
}
.contenter .tittle .more{
	display: block;
	line-height:40px ;
	float: right;
	color: #333;
}
.contenter .tittle .more:hover{
	color:#008000;
}
.contenter .two .content ul li .below a{
	background: url(../img/index/index_57.jpg) no-repeat center;
}
.tcon{
	width:1000px;
	margin:0 auto;
	margin-bottom: 20px;
	overflow: hidden;
}
.tcon .tcon_left{
	float: left;
}
.tcon .tcon_center,.tcon .tcon_right{
	float: left;
	text-align: center;
	color:#999;
	font-size: 14px;
	margin-left:5px;
	position: relative;
}
.tcon .tcon_center h4,.tcon .tcon_right h4{
	color:#333;
	margin-bottom: 4px;
}
.tcon .tcon_center img,.tcon .tcon_right img{
	width:228px;
	height:232px;
}
.tcon .tcon_center::after{
	content: "";
	display: block;
	width:1px;
	height:300px;
	border-right: 1px solid #CCCCCC;
	position: absolute;
	right:-2px;
	bottom: 0;
}
.contenter .three .tittle{
	background: url(../img/index/index_61.jpg) no-repeat 0 0;
	width:1000px;
	margin:0 auto;
	height:40px;
	margin-bottom: 20px;
	
}
.contenter .product{
	width:1000px;
	height:40px;
	margin:0 auto;
	text-align:center;
	font-size: 20px;
	position: relative;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom:30px;
}
.product a{
	color: #444;
}
.contenter .product ::before{
	content: "";
	display: block;
	width:420px;
	height:1px;
	border-top:1px #999999 solid;
	position: absolute;
	left:0;
	top:50%;
	margin-top:1px;
}
.contenter .product ::after{
	content: "";
	display: block;
	width:420px;
	height:1px;
	border-top:1px #999999 solid;
	position: absolute;
	right:0;
	top:50%;
	margin-top:1px;
}
.contenter .menu{
	width:1000px;
	margin:0 auto;
	overflow: hidden;
	margin-bottom: 40px;
}
.menu li{
	float: left;
	width:142px;
	margin:0 12px;
	text-align: center;
	font-size: 12px;
}
.menu li h4{
	font-size: 12px;
	font-weight: 600;
}
.menu li .sort{
	padding:0 10px;
	position: relative;
}
.menu li:first-child .sort::before{
	content: "";
	display: block;
	width:1px;
	height:60px;
	border-left:1px dashed #808080;
	position: absolute;
	top: 0;
	left:-10px;
}
.menu li .sort::after{
	content: "";
	display: block;
	width:1px;
	height:60px;
	border-left:1px dashed #808080;
	position: absolute;
	top: 0;
	right:-10px;
}
.menu li .sort a{
	float: left;
	color:#C95C61;
	display: block;
	width:48px;
}
.menu li .sort a:nth-of-type(2n){
	
	float: right;
}
.menu li .sort a:hover{
	color:#222;
	text-decoration: underline;
}
